require('../../assets/css/public.less')
require('./login.less');

// 导入请求实例
const request = require('../../lib/request/request.js')

function $(sel) {
    return document.querySelector(sel)
}

function $a(sel) {
    return document.querySelectorAll(sel)
}

// 点击登录判断输入框是否符合规则
// 用户名
let reg1 = /^1[345678][0-9]{9}$/;



// 密码
let reg2 = /^[0-9]{6}$/;

// 点击登录按钮，触发验证手机号和密码，通过验证：跳转页面，否则：阻止跳转

$('.submit').addEventListener('click', function (e) {
    // console.log(e);
    // 只判断手机号和密码不合法的情况
    if (!reg1.test($('.phonum').value)) {

        $('.error').classList.remove('dpnone')

        // 错误弹窗定时器
        setTimeout(function () {
            $('.error').classList.add('dpnone')
        }, 1000)

    } else if (!reg2.test($('.passnum').value)) {

        $('.error').classList.remove('dpnone')
        // 错误弹窗定时器

        setTimeout(function () {
            $('.error').classList.add('dpnone')
        }, 1000)


        // 登录成功过5秒跳转
    } else {/* if (reg1.test($('.phonum').value) && reg2.test($('.passnum').value)) {
        let second = 3;
        let timer = setInterval(function () {
            --second;
            $('.succeed').classList.remove('dpnone');
            if (second == 0) {

                $('.succeed').classList.add('dpnone')
                // console.log(1);
                clearInterval(timer);
            }
            // e.preventDefault();
        }, 500)
        e.preventDefault();
        // console.log(1);
        let b = setInterval(function () {
            ++second;
            console.log(second);
            if (second == 2) {
                // console.log('c');
                clearInterval(b);
                // location.href = './home.html'
                // console.log('s');
            }
        }, 1000) */
        // console.log(1);
        request
            .post('/api/user/login', {
                account: $('.phonum').value,
                password: $('.passnum').value,
            })
            .then(res => {
                console.log('res.data :>> ', res.data)
                //1 解构数据
                let { errno, data } = res.data
                //2 判断
                if (errno === 0) {
                    //3 处理数据
                    localStorage.setItem('token', 'Bearer ' + data.token)
                    alert('登录成功')
                    //4 跳转首页
                    window.location.href = './home.html'
                }
            })
            .catch(err => {
                $('.error').classList.remove('dpnone')
                // 错误弹窗定时器

                setTimeout(function () {
                    $('.error').classList.add('dpnone')
                }, 1000)

            })
    }
})